<ion-header>
  <ion-navbar>
    <ion-title>登录</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <div class="top1">
      <i class="img1"><img src="../src/pages/contact/login/img/shoujitubiao.png"></i>
      <i class="sj">手  机：</i>
      <i class="border"><input type="text" placeholder="请输入手机号"  style="border-bottom: 1px solid #0C60EE; width: 100%" ></i>
  </div>
  <div class="top2">
      <a class="yzm">获取验证码</a>
      <i class="border1"><input type="text" placeholder="请输入验证码"  style="border-bottom: 1px solid #6ebddb; width: 100%" /></i>
  </div>
  <div class="top3">
      <a class="login">登录</a>
  </div>
  <a style="cursor: pointer; text-decoration: none; float: right;" (click)="zhuce()">没有账号，快速注册</a>
  <div class="mid">
  	<p>第三方登录</p>
    <hr style="height: 1px; margin: 2%;"  />
  </div>

  <div class="bottom">
  	<div class="b_l">
  		<p><img src="../src/pages/contact/login/img/qq.png"></p>
  		<p>QQ登录</p>
  	</div>
  	<div class="b_m">
  		<p><img src="../src/pages/contact/login/img/weixin.png"></p>
  		<p>微信登录</p>
  	</div>
  	<div class="b_r">
  		<p><img src="../src/pages/contact/login/img/weibo.png"></p>
  		<p>微博登录</p>
  	</div>
  </div>
</ion-content>
